/*
 * @Autor: dc
 * @Date: 2022-03-01 14:41:03
 * @LastEditors: dc
 * @LastEditTime: 2022-03-22 13:38:43
 * @Description: 
 */
import React, { Component } from 'react';
import { Link, Route, Routes } from 'react-router-dom'

import Header from "./header"
// 路由
import About from "./components/About"
import Home from "./components/Home"
import './App.css'
class App extends Component {
    render() {
        return (
            <div>
                <Header ></Header>
                <div>
                    <div className="center_div">
                        <div className='navgation'>
                        
                            <Link className='list-group-item' to="/about">About</Link>
                            <Link className='list-group-item' to="/home">Home</Link>

                        </div>
                        <div className='conter'>
                            <Routes>
                                <Route path="/about" element={<About />} ></Route>
                                <Route path="/home" element={<Home />} ></Route>
                            </Routes>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}

export default (App);